<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>thegoodcrowd</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="_CSS/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
      }
    </style>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">

    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  </head>

  <body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <a class="brand" href="#">thegoodcrowd</a>

          <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
          
          <form action="" class="pull-right">
            <input class="input-small" type="text" placeholder="Username">
            <input class="input-small" type="password" placeholder="Password">
            <button class="btn" type="submit">Sign in</button>
          </form>          
        </div>
      </div>

    </div>
    
    

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit" style="background-image: url(_IMG/good_hero_2.jpg)">
        <h1><img class="thumbnail" height="90" src="_IMG/thegoodcrowd_title.png" alt=""></h1>
        <p>Make a difference with your friends. Earn points, unlock badges and help charities by doing good.</p>
        <p><a class="btn primary large">Join now &raquo;</a></p>

      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span5">
          <h2>Do Good</h2>
          <p>Commit to cause, adopt a habit, make someone happier - there is something for everyone in thegoodcrowd. We believe that there should be no reason not to do good. can be done anytime, anywhere</p>
          <p><a class="btn" href="#">Learn more &raquo;</a></p>

        </div>
        <div class="span5">
          <h2>Find Friends</h2>
           <p>Join a passionate group of people who believe in making a world a better place. thegoodcrowd makes it more fun to spread the goodness and inspire other people. </p>
          <p><a class="btn" href="#">Learn more &raquo;</a></p>
       </div>
        <div class="span6">

          <h2>Everyone Wins</h2>
          <p>thegoodcrowd partners with corporations to further amplify the reach of your good deeds. With thegoodcrowd, "pay it forward" can turn into "make other pays" in ways that will benefit everyone. </p>
          <p><a class="btn" href="#">Learn more &raquo;</a></p>
        </div>
      </div>

      <footer>
        <p>thegoodcrowd&copy; Company 2011</p>

      </footer>

    </div> <!-- /container -->

  </body>
</html>
